http://megasoft.3dn.ru/forum/13-254849-1

У каждого верстальщика есть свои определенные методы работы с PSD-макетами, которые он с той или иной эффективностью использует при верстке сайтов. Основной задачей, которая стоит перед верстальщиком на первых порах работы с макетом, является нарезка графики для использования на странице. Этот процесс может ( Read more... )

Списки активно используются для автоматической нумерации блоков текста. Однако при использовании вложенных списков нельзя получить нумерацию подпунктов типа 1.1, 1.2, 1.3, поскольку нумерация вложенных списков начинается каждый раз заново. Но то, что нельзя в HTML, можно возложить на стили.
( Read more... )

http://colorexplorer.com/ - сервис обработки веб-цветов, (делает экстракт из изображений), подбор цветовой схемы (Из пользовательской палитры)

http://www.copypastecharacter.com/ - спецзначки в html (переключить вверху тип данных, заносимых в память)

Суть метода в том, что мы добавляем в DOM произвольный блок, который в дальнейшем будет фоном нашего сайта. Главная проблема, которую мы решаем этим - это то, как фон будет работать на разных разрешениях (ведь обычно сайты со сложной, большой картинкой на фоне работают при позиционировании), у нас это будет выглядеть следующим образом.

Наш «блочный ( Read more... )

 
• Вкладка один

 
• Вкладка два

 
• Вкладка три

 
• Вкладка четыре

  

Для начала, применим обычные правила CSS, чтоб выстроить меню по горизонтали:
div {border-bottom:1px solid orange; float:left; width:100%}
ul {margin:0;padding:0;}
ul li {float:left;list-style:none;}
ul li a {display:block;padding:5px;text-decoration:none; border-right:1px solid #fff; ( Read more... )

Автор: Крис Койер
Перевод: Всеволод Козлов

Вы, наверняка, хоть раз сталкивались с задачей сделать блок контента, заключенный в DIV, кликабельным. Эта затея отлично реализована на сайте веб-компании StudioForYou - этим приемом обеспечена кликабельность разноцветных блоков!

Итак, как же это делается?

HTML-код трюка:

Style-параметр превращает курсор мыши в ( Read more... )

Универсальный (не работает в IE 6)

margin: 0 auto;

Работает везде и в IE6

position: absolute;
 left: 50%;
 margin-left: -500px;

+ie6

body
{
  text-align: center;
}

#content
{
  text-align: left;
  width: 700px;
  margin: 0 auto;
}

Сайты делаются не так быстро, как потом работают (с)

2008 год - www.cssor.ru/css/polezno-interesnoe/cssmenu

2009 год - html-css.info/2009/07/menu-css/

пример сайтмапа - www.zabdesign.de/pro/public/sitemap/sitemap-styled.html

старое с кучей копипастов на других сайтах -  www.i2r.ru/static/476/out_21555.shtml

Тулбар для ФФ - web developer. Супер-вещь.. В вкладке Инфо этого тулбара - особенно важный пункт "Показать ID и Class". После этого в браузере появится строка, в которой будет показано как называется стиль элемента на котором находится курсор.

лежит на оф. сайте фф и на странице разработчика - http://chrispederick.com/work/web-developer/